import { getBlogPosts } from "./data.js"
import "./style.css"
import "./scss.scss"
import styles from "./css.module.css"
console.log("🚀 ==> styles:", styles);
import image from "@/assets/image.jpg"
import small_pic from "public/small_pic.jpg"
import { dateToString } from "@/utils/date.js"
console.log("🚀 ==> dateToString:", dateToString(new Date()));
const blogs = getBlogPosts()
const ul = document.createElement('ul')
blogs.forEach(blog => {
  const li = document.createElement('li')
  li.innerHTML = blog
  ul.appendChild(li)
})
document.body.appendChild(ul)
const img = document.createElement('img')
img.src = image
document.body.prepend(img)
const small_picEle = document.createElement('img')
small_picEle.src = small_pic
document.body.prepend(small_picEle)
const h1 = document.createElement('h1')
h1.innerHTML = '博客列表223344555566667777'
document.body.prepend(h1)
console.log('API :>> ', API);
console.log('BASE_URL :>> ', BASE_URL);
const box = document.querySelector('.box')
box.setAttribute('class', styles.box)
console.log('process.env.API :>> ', process.env.API);